<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>coolui-scroller | coolui-scroller</title>
    <meta name="description" content="coolui-scroller">
    <link rel="preload stylesheet" href="/coolui-scroller/v3/assets/style.d816fae0.css" as="style">
    <script type="module" src="/coolui-scroller/v3/assets/app.27c76f1f.js"></script>
    <link rel="preload" href="/coolui-scroller/v3/assets/inter-roman-latin.2ed14f66.woff2" as="font" type="font/woff2" crossorigin="">
  <link rel="modulepreload" href="/coolui-scroller/v3/assets/chunks/framework.83b1ca13.js">
  <link rel="modulepreload" href="/coolui-scroller/v3/assets/chunks/theme.116832a4.js">
  <link rel="modulepreload" href="/coolui-scroller/v3/assets/index.md.2b34af29.lean.js">
  <script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-7fa58a32><!--[--><!--]--><!--[--><span tabindex="-1" data-v-7dbfc926></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-7dbfc926> Skip to content </a><!--]--><!----><header class="VPNav" data-v-7fa58a32 data-v-09486122><div class="VPNavBar" data-v-09486122 data-v-37f27d9f><div class="container" data-v-37f27d9f><div class="title" data-v-37f27d9f><div class="VPNavBarTitle" data-v-37f27d9f data-v-d57cd31b><a class="title" href="/coolui-scroller/v3/" data-v-d57cd31b><!--[--><!--]--><!----><!--[-->coolui-scroller<!--]--><!--[--><!--]--></a></div></div><div class="content" data-v-37f27d9f><div class="curtain" data-v-37f27d9f></div><div class="content-body" data-v-37f27d9f><!--[--><!--]--><div class="VPNavBarSearch search" style="--vp-meta-key:&#39;Meta&#39;;" data-v-37f27d9f><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-37f27d9f data-v-d8b2b6ef><span id="main-nav-aria-label" class="visually-hidden" data-v-d8b2b6ef>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/coolui-scroller/v3/" tabindex="0" data-v-d8b2b6ef data-v-938f4781 data-v-4e09185a><!--[-->首页<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/coolui-scroller/v3/guide.html" tabindex="0" data-v-d8b2b6ef data-v-938f4781 data-v-4e09185a><!--[-->指南<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/coolui-scroller/v3/components/scroller.html" tabindex="0" data-v-d8b2b6ef data-v-938f4781 data-v-4e09185a><!--[-->组件<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/coolui-scroller/v3/case.html" tabindex="0" data-v-d8b2b6ef data-v-938f4781 data-v-4e09185a><!--[-->有趣的下拉<!--]--><!----></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-d8b2b6ef data-v-f898341c><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-f898341c><span class="text" data-v-f898341c><!----> v3.3.2 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="text-icon" data-v-f898341c><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="menu" data-v-f898341c><div class="VPMenu" data-v-f898341c data-v-73ef2b9e><div class="items" data-v-73ef2b9e><!--[--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-3-2" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.3.2<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-3-1" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.3.1<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-3-0" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.3.0<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-2-9" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.2.9<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-2-8" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.2.8<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-2-7" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.2.7<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-2-6" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.2.6<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-2-5" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.2.5<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-2-3" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.2.3<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-1-1" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.1.1<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-0-8" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.0.8<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-0-5" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.0.5<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-0-4" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.0.4<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="/coolui-scroller/v3/version.html#v3-0-0" data-v-1b2ab7cd data-v-4e09185a><!--[-->v3.0.0<!--]--><!----></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="https://wzs28150.github.io/coolui-scroller/v2/" target="_blank" rel="noreferrer" data-v-1b2ab7cd data-v-4e09185a><!--[-->v2<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-4e09185a><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-73ef2b9e data-v-1b2ab7cd><a class="VPLink link" href="https://github.com/wzs28150/coolui-scroller/tree/1.0" target="_blank" rel="noreferrer" data-v-1b2ab7cd data-v-4e09185a><!--[-->v1<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="icon" data-v-4e09185a><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-37f27d9f data-v-889c7652><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="toggle dark mode" aria-checked="false" data-v-889c7652 data-v-9db5a073 data-v-2d0af780><span class="check" data-v-2d0af780><span class="icon" data-v-2d0af780><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-9db5a073><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-9db5a073><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-37f27d9f data-v-7f1fe793 data-v-66f2e800><!--[--><a class="VPSocialLink" href="https://github.com/wzs28150/coolui-scroller" aria-label="github" target="_blank" rel="noopener" data-v-66f2e800 data-v-3ad55776><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-37f27d9f data-v-0c1d4c9d data-v-f898341c><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-f898341c><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="icon" data-v-f898341c><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="menu" data-v-f898341c><div class="VPMenu" data-v-f898341c data-v-73ef2b9e><!----><!--[--><!--[--><!----><div class="group" data-v-0c1d4c9d><div class="item appearance" data-v-0c1d4c9d><p class="label" data-v-0c1d4c9d>Appearance</p><div class="appearance-action" data-v-0c1d4c9d><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="toggle dark mode" aria-checked="false" data-v-0c1d4c9d data-v-9db5a073 data-v-2d0af780><span class="check" data-v-2d0af780><span class="icon" data-v-2d0af780><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-9db5a073><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-9db5a073><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div></div></div><div class="group" data-v-0c1d4c9d><div class="item social-links" data-v-0c1d4c9d><div class="VPSocialLinks social-links-list" data-v-0c1d4c9d data-v-66f2e800><!--[--><a class="VPSocialLink" href="https://github.com/wzs28150/coolui-scroller" aria-label="github" target="_blank" rel="noopener" data-v-66f2e800 data-v-3ad55776><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-37f27d9f data-v-eb7f3311><span class="container" data-v-eb7f3311><span class="top" data-v-eb7f3311></span><span class="middle" data-v-eb7f3311></span><span class="bottom" data-v-eb7f3311></span></span></button></div></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-7fa58a32 data-v-34417f2f><div class="VPHome" data-v-34417f2f data-v-914a73d5><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-914a73d5 data-v-56714be1><div class="container" data-v-56714be1><div class="main" data-v-56714be1><!--[--><h1 class="name" data-v-56714be1><span class="clip" data-v-56714be1>coolui-scroller</span></h1><p class="text" data-v-56714be1>一个专注小程序下拉的组件库</p><p class="tagline" data-v-56714be1>组件化，丰富的配置项，可高度自定义</p><!--]--><div class="actions" data-v-56714be1><!--[--><div class="action" data-v-56714be1><a class="VPButton medium brand" href="/coolui-scroller/v3/guide.html" data-v-56714be1 data-v-768df485>快速开始</a></div><div class="action" data-v-56714be1><a class="VPButton medium alt" href="/coolui-scroller/v3/guide.html#%E5%AE%89%E8%A3%85" data-v-56714be1 data-v-768df485>安装</a></div><!--]--></div></div><div class="image" data-v-56714be1><div class="image-container" data-v-56714be1><div class="image-bg" data-v-56714be1></div><!--[--><!--[--><img class="VPImage image-src" src="/coolui-scroller/v3/images/bg.jpg" alt data-v-e3cbba21><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-914a73d5 data-v-5b94f591><div class="container" data-v-5b94f591><div class="items" data-v-5b94f591><!--[--><div class="grid-3 item" data-v-5b94f591><span class="VPLink VPFeature" data-v-5b94f591 data-v-ffab9592 data-v-4e09185a><!--[--><article class="box" data-v-ffab9592><div class="icon" data-v-ffab9592><svg t="1686019126092" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2345" width="200" height="200"><path d="M496.64 224.256c-146.944 0-266.752 119.808-266.752 266.752 0 146.944 119.808 266.752 266.752 266.752s266.752-119.808 266.752-266.752c0.512-146.944-119.296-266.752-266.752-266.752z m126.976 155.648l-69.632 162.304c-1.024 2.56-3.584 5.12-6.144 6.144l-162.304 69.632c-1.536 0.512-3.072 1.024-4.608 1.024-3.072 0-6.144-1.024-8.192-3.584-3.584-3.584-4.096-8.192-2.56-12.8L439.808 440.32c1.024-2.56 3.584-5.12 6.144-6.144l162.304-69.632c4.608-2.048 9.216-1.024 12.8 2.56 3.072 3.584 4.096 8.704 2.56 12.8z" fill="#DCCBFF" p-id="2346"></path><path d="M496.64 491.52m-23.04 0a23.04 23.04 0 1 0 46.08 0 23.04 23.04 0 1 0-46.08 0Z" fill="#DCCBFF" p-id="2347"></path><path d="M589.824 282.624C442.368 282.624 322.56 402.432 322.56 549.376c0 146.944 119.808 266.752 266.752 266.752s266.752-119.808 266.752-266.752c0.512-146.944-119.296-266.752-266.24-266.752z m126.464 155.136l-69.632 162.304c-1.024 2.56-3.584 5.12-6.144 6.144L478.208 675.84c-1.536 0.512-3.072 1.024-4.608 1.024-3.072 0-6.144-1.024-8.192-3.584-3.584-3.584-4.096-8.192-2.56-12.8L532.48 498.688c1.024-2.56 3.584-5.12 6.144-6.144l162.304-69.632c4.608-2.048 9.216-1.024 12.8 2.56 3.584 3.072 4.608 8.192 2.56 12.288z" fill="#A87DFF" p-id="2348"></path><path d="M589.824 549.376m-23.04 0a23.04 23.04 0 1 0 46.08 0 23.04 23.04 0 1 0-46.08 0Z" fill="#A87DFF" p-id="2349"></path><path d="M935.424 787.968H906.24v-29.696c0-6.656-5.12-11.776-11.776-11.776-6.656 0-11.776 5.12-11.776 11.776v29.696h-29.696c-6.656 0-11.776 5.12-11.776 11.776s5.12 11.776 11.776 11.776h29.696v29.696c0 6.656 5.12 11.776 11.776 11.776 6.656 0 11.776-5.12 11.776-11.776v-29.696h29.696c6.656 0 11.776-5.12 11.776-11.776s-5.632-11.776-12.288-11.776zM803.84 201.728c14.848 14.848 10.24 33.792 6.656 47.616-3.584 13.824-4.096 20.48 0.512 25.6 5.12 5.12 11.264 4.096 25.6 0.512 13.824-3.584 32.768-8.192 47.616 6.656 14.848 14.848 10.24 33.28 6.656 47.104-3.584 13.824-4.608 20.48 0.512 25.6 4.608 4.608 4.608 11.776 0 16.384-4.608 4.608-11.776 4.608-16.384 0-14.848-14.848-10.24-33.28-6.656-47.104 3.584-13.824 4.608-20.48-0.512-25.6s-11.264-4.096-25.6-0.512c-13.824 3.584-32.768 8.192-47.104-6.656-14.848-14.848-10.24-33.792-6.656-47.616 3.584-13.824 4.608-20.48-0.512-25.6s-11.776-4.096-25.6-0.512c-13.824 3.584-32.768 8.192-47.616-6.656-4.608-4.608-4.608-11.776 0-16.384 4.608-4.608 11.776-4.608 16.384 0 5.12 5.12 11.264 4.096 25.6 0.512 13.824-3.584 32.768-8.192 47.104 6.656zM162.816 735.232c14.848 14.848 10.24 33.792 6.656 47.616-3.584 13.824-4.096 20.48 0.512 25.6 5.12 5.12 11.264 4.096 25.6 0.512 13.824-3.584 32.768-8.192 47.616 6.656 14.848 14.848 10.24 33.28 6.656 47.104-3.584 13.824-4.608 20.48 0.512 25.6 4.608 4.608 4.608 11.776 0 16.384-4.608 4.608-11.776 4.608-16.384 0-14.848-14.848-10.24-33.28-6.656-47.104 3.584-13.824 4.608-20.48-0.512-25.6s-11.264-4.096-25.6-0.512c-13.824 3.584-32.768 8.192-47.104-6.656-14.848-14.848-10.24-33.792-6.656-47.616 3.584-13.824 4.608-20.48-0.512-25.6s-11.776-4.096-25.6-0.512c-13.824 3.584-32.768 8.192-47.616-6.656-4.608-4.608-4.608-11.776 0-16.384 4.608-4.608 11.776-4.608 16.384 0 5.12 5.12 11.264 4.096 25.6 0.512 13.824-3.072 32.768-7.68 47.104 6.656z" fill="#EAB3FF" p-id="2350"></path><path d="M914.432 493.568h65.536v65.536h-65.536zM148.1216 652.09344l46.34624-46.34112 46.336 46.336-46.336 46.34624z" fill="#F7E2FF" p-id="2351"></path><path d="M161.792 298.496m-32.768 0a32.768 32.768 0 1 0 65.536 0 32.768 32.768 0 1 0-65.536 0Z" fill="#F7E2FF" p-id="2352"></path></svg></div><h2 class="title" data-v-ffab9592>易学易用</h2><p class="details" data-v-ffab9592>基于小程序原生组件scroll-view再封装，丰富了更多细节</p><!----></article><!--]--><!----></span></div><div class="grid-3 item" data-v-5b94f591><span class="VPLink VPFeature" data-v-5b94f591 data-v-ffab9592 data-v-4e09185a><!--[--><article class="box" data-v-ffab9592><div class="icon" data-v-ffab9592><svg t="1686019052574" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2056" width="200" height="200"><path d="M454.144 394.24h92.672v-34.816c0-18.944 9.216-35.328 23.04-46.08v-11.776c0-32.256-26.112-57.856-57.856-57.856-32.256 0-57.856 26.112-57.856 57.856v34.816H360.96c-25.6 0-46.08 20.992-46.08 46.592V471.04h34.816c26.624 0 49.152 16.384 58.368 39.424V440.832c0-25.6 20.48-46.592 46.08-46.592zM663.04 394.24h46.592v-11.776c0-25.6-20.992-46.592-46.592-46.592h-5.12c3.072 7.168 5.12 14.848 5.12 23.04V394.24zM442.368 654.336c34.816 0 62.464-28.16 62.464-62.464 0-34.816-28.16-62.464-62.464-62.464h-30.72c0 1.536 0.512 3.072 0.512 4.608 0 34.816-28.16 62.464-62.464 62.464h-34.816v88.064c0 25.6 20.992 46.592 46.592 46.592h46.592v-76.8h34.304zM604.672 691.2c-10.752 0-20.992 3.072-30.208 8.192v31.232h88.064c-8.704-23.04-31.232-39.424-57.856-39.424z" fill="#99E999" p-id="2057"></path><path d="M407.552 528.896h4.096c-0.512-6.656-1.536-12.8-4.096-18.432v18.432z" fill="#01C700" p-id="2058"></path><path d="M837.12 533.504h-34.816V440.832c0-25.6-20.992-46.592-46.592-46.592h-93.184v-34.816c0-8.192-1.536-15.872-5.12-23.04-9.216-20.48-29.184-34.816-53.248-34.816-13.312 0-25.088 4.608-34.816 11.776-13.824 10.752-23.04 27.136-23.04 46.08V394.24h-92.16c-25.6 0-46.08 20.992-46.08 46.592v69.632c2.048 5.632 3.584 11.776 4.096 18.432h30.72c34.816 0 62.464 28.16 62.464 62.464 0 34.816-28.16 62.464-62.464 62.464h-34.816V742.4c0 25.6 20.992 46.592 46.592 46.592H542.72v-34.816c0-23.552 13.312-44.032 32.256-54.784 9.216-5.12 18.944-8.192 30.208-8.192 26.624 0 48.64 16.384 57.856 39.424 3.072 7.168 4.608 14.848 4.608 23.04v34.816h88.064c25.6 0 46.592-20.992 46.592-46.592v-92.672h34.816c32.256 0 57.856-26.112 57.856-57.856 0-31.744-26.112-57.856-57.856-57.856z" fill="#01C700" p-id="2059"></path><path d="M878.08 276.48h-29.696v-29.696c0-6.656-5.12-11.776-11.776-11.776-6.656 0-11.776 5.12-11.776 11.776V276.48h-29.696c-6.656 0-11.776 5.12-11.776 11.776s5.12 11.776 11.776 11.776h29.696v29.696c0 6.656 5.12 11.776 11.776 11.776 6.656 0 11.776-5.12 11.776-11.776v-29.696h29.696c6.656 0 11.776-5.12 11.776-11.776s-5.12-11.776-11.776-11.776zM156.672 358.4c14.848-14.848 33.792-10.24 47.616-6.656 13.824 3.584 20.48 4.096 25.6-0.512 5.12-5.12 4.096-11.264 0.512-25.6-3.584-13.824-8.192-32.768 6.656-47.616 14.848-14.848 33.28-10.24 47.104-6.656 13.824 3.584 20.48 4.608 25.6-0.512 4.608-4.608 11.776-4.608 16.384 0s4.608 11.776 0 16.384c-14.848 14.848-33.28 10.24-47.104 6.656-13.824-3.584-20.48-4.608-25.6 0.512s-4.096 11.264-0.512 25.6c3.584 13.824 8.192 32.768-6.656 47.104-14.848 14.848-33.792 10.24-47.616 6.656-13.824-3.584-20.48-4.608-25.6 0.512s-4.096 11.776-0.512 25.6c3.584 13.824 8.192 32.768-6.656 47.616-4.608 4.608-11.776 4.608-16.384 0-4.608-4.608-4.608-11.776 0-16.384 5.12-5.12 4.096-11.264 0.512-25.6-3.584-13.312-8.192-32.256 6.656-47.104z" fill="#BEEEB9" p-id="2060"></path><path d="M211.7632 529.04448l46.34624-46.34112 46.336 46.336-46.336 46.34112z" fill="#EAF9E8" p-id="2061"></path><path d="M918.528 751.616m-32.768 0a32.768 32.768 0 1 0 65.536 0 32.768 32.768 0 1 0-65.536 0Z" fill="#EAF9E8" p-id="2062"></path><path d="M239.104 654.848H150.016c-6.656 0-11.776 5.12-11.776 11.776v89.088c0 6.656 5.12 11.776 11.776 11.776h89.088c6.656 0 11.776-5.12 11.776-11.776v-89.088c-0.512-6.656-5.632-11.776-11.776-11.776z m-11.776 89.088H161.792v-65.536h65.536v65.536z" fill="#BEEEB9" p-id="2063"></path></svg></div><h2 class="title" data-v-ffab9592>丰富的组件</h2><p class="details" data-v-ffab9592>多个组件搭配，可以快速搭建起一个有趣的列表页，同时包含搜索，分类切换等功能</p><!----></article><!--]--><!----></span></div><div class="grid-3 item" data-v-5b94f591><span class="VPLink VPFeature" data-v-5b94f591 data-v-ffab9592 data-v-4e09185a><!--[--><article class="box" data-v-ffab9592><div class="icon" data-v-ffab9592><svg t="1686019080164" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2201" width="200" height="200"><path d="M769.536 358.4l-49.664-49.664c-10.24-10.24-25.6-17.408-40.448-17.408-14.848 0-30.208 5.632-40.448 17.408L322.048 624.64c-1.024 1.024-1.024 2.56-2.56 3.584v2.048l-23.04 139.264c-1.024 3.584 1.024 7.168 3.584 10.24 2.56 2.56 4.608 3.584 8.192 3.584h2.56l139.264-23.04h2.048c1.024 0 2.56-1.024 3.584-2.56l315.904-315.904c20.992-23.04 20.992-60.416-2.048-83.456z m-399.36 390.144l-41.984-41.984 8.192-51.2 84.48 84.48-50.688 8.704z m248.32-272.896l-189.44 189.44c-2.56 2.56-5.632 3.584-8.192 3.584-3.584 0-5.632-1.024-8.192-3.584-4.608-4.608-4.608-11.776 0-16.384l189.44-189.44c4.608-4.608 11.776-4.608 16.384 0 4.608 4.608 4.608 11.776 0 16.384z m82.432 1.024l-99.84-99.84 30.208-30.208 99.84 99.84-30.208 30.208z" fill="#FFE9B4" p-id="2202"></path><path d="M862.208 416.256l-49.664-49.664c-10.24-10.24-25.6-17.408-40.448-17.408s-30.208 5.632-40.448 17.408L414.72 682.496c-1.024 1.024-1.024 2.56-2.56 3.584v2.048L389.12 827.392c-1.024 3.584 1.024 7.168 3.584 10.24 2.56 2.56 4.608 3.584 8.192 3.584h2.56l139.264-23.04h2.048c1.024 0 2.56-1.024 3.584-2.56l315.904-315.904c20.992-23.04 20.992-59.904-2.048-83.456z m-399.36 390.144l-41.984-41.984 8.192-51.2 84.48 84.48-50.688 8.704z m248.32-272.896l-189.44 189.44c-2.56 2.56-5.632 3.584-8.192 3.584-3.584 0-5.632-1.024-8.192-3.584-4.608-4.608-4.608-11.776 0-16.384l189.44-189.44c4.608-4.608 11.776-4.608 16.384 0s5.12 11.776 0 16.384z m82.432 1.024l-99.84-99.84 30.208-30.208 99.84 99.84-30.208 30.208z" fill="#FFBA00" p-id="2203"></path><path d="M179.2 736.768h-29.696v-29.696c0-6.656-5.12-11.776-11.776-11.776-6.656 0-11.776 5.12-11.776 11.776v29.696H97.28c-6.656 0-11.776 5.12-11.776 11.776 0 6.656 5.12 11.776 11.776 11.776h29.696v29.696c0 6.656 5.12 11.776 11.776 11.776 6.656 0 11.776-5.12 11.776-11.776v-29.696H179.2c6.656 0 11.776-5.12 11.776-11.776 0-6.656-5.12-11.776-11.776-11.776zM899.584 792.576c-20.48 0-30.72-16.384-38.4-28.672-7.68-12.288-11.264-17.408-18.432-17.408-6.656 0-10.752 5.12-18.432 17.408-7.168 12.288-17.408 28.672-38.4 28.672-20.48 0-30.72-16.384-38.4-28.672-7.68-12.288-11.264-17.408-18.432-17.408-6.656 0-11.776-5.12-11.776-11.776 0-6.656 5.12-11.776 11.776-11.776 20.48 0 30.72 16.384 38.4 28.672 7.68 12.288 11.264 17.408 18.432 17.408 6.656 0 10.752-5.12 18.432-17.408 7.168-12.288 17.408-28.672 38.4-28.672 20.48 0 30.72 16.384 38.4 28.672 7.68 12.288 11.264 17.408 18.432 17.408s10.752-5.632 18.432-17.408c7.168-12.288 17.408-28.672 38.4-28.672 6.656 0 11.776 5.12 11.776 11.776 0 6.656-5.12 11.776-11.776 11.776-7.168 0-10.752 5.12-18.432 17.408-7.68 11.776-17.92 28.672-38.4 28.672z" fill="#FFC879" p-id="2204"></path><path d="M809.984 242.688H875.52v65.536h-65.536zM797.184 666.624l49.152 3.072-46.08-52.224z" fill="#FFF7EC" p-id="2205"></path><path d="M378.88 296.96m-32.768 0a32.768 32.768 0 1 0 65.536 0 32.768 32.768 0 1 0-65.536 0Z" fill="#FFF7EC" p-id="2206"></path><path d="M348.672 400.896H223.232c-4.608 0-8.704 3.072-10.752 7.168-2.048 4.096-1.024 9.216 2.56 12.8l62.976 62.976c2.048 2.048 5.12 3.584 8.192 3.584s6.144-1.024 8.192-3.584l62.976-62.976c3.072-3.072 4.096-8.192 2.56-12.8-2.048-4.096-6.144-7.168-11.264-7.168zM285.696 459.264L250.88 424.448h69.632l-34.816 34.816z" fill="#FFC879" p-id="2207"></path></svg></div><h2 class="title" data-v-ffab9592>可高度自定义</h2><p class="details" data-v-ffab9592>通过配置和插槽可高度自定义化实现更多有趣的下拉效果</p><!----></article><!--]--><!----></span></div><!--]--></div></div></div><!--[--><!--]--><div style="position:relative;" data-v-914a73d5><div></div></div></div></div><!----><!--[--><!--]--></div></div>
    <script>__VP_HASH_MAP__ = JSON.parse("{\"components_empty.md\":\"156c8c7f\",\"version.md\":\"c3998269\",\"components_navpannel.md\":\"39544581\",\"api-examples.md\":\"d075f7b8\",\"components_scroller.md\":\"22ba7117\",\"components_loadmore.md\":\"2512aae8\",\"markdown-examples.md\":\"ccebdb51\",\"components_floor.md\":\"2e561e99\",\"components_sort.md\":\"d5ee5b42\",\"case.md\":\"7383adbe\",\"components_parallax.md\":\"f1430f5e\",\"components_page.md\":\"99f7263e\",\"components_search.md\":\"425153be\",\"components_handtip.md\":\"0bf3638e\",\"guide.md\":\"942c1baf\",\"components_item.md\":\"a92b4398\",\"index.md\":\"2b34af29\",\"components_nav.md\":\"0c2aa849\",\"components_refresh.md\":\"6830cfa7\"}")
__VP_SITE_DATA__ = JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"coolui-scroller\",\"description\":\"coolui-scroller\",\"base\":\"/coolui-scroller/v3/\",\"head\":[],\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"首页\",\"link\":\"/\"},{\"text\":\"指南\",\"link\":\"/guide\"},{\"text\":\"组件\",\"link\":\"/components/scroller.md\"},{\"text\":\"有趣的下拉\",\"link\":\"/case\"},{\"text\":\"v3.3.2\",\"items\":[{\"text\":\"v3.3.2\",\"link\":\"/version.md#v3-3-2\"},{\"text\":\"v3.3.1\",\"link\":\"/version.md#v3-3-1\"},{\"text\":\"v3.3.0\",\"link\":\"/version.md#v3-3-0\"},{\"text\":\"v3.2.9\",\"link\":\"/version.md#v3-2-9\"},{\"text\":\"v3.2.8\",\"link\":\"/version.md#v3-2-8\"},{\"text\":\"v3.2.7\",\"link\":\"/version.md#v3-2-7\"},{\"text\":\"v3.2.6\",\"link\":\"/version.md#v3-2-6\"},{\"text\":\"v3.2.5\",\"link\":\"/version.md#v3-2-5\"},{\"text\":\"v3.2.3\",\"link\":\"/version.md#v3-2-3\"},{\"text\":\"v3.1.1\",\"link\":\"/version.md#v3-1-1\"},{\"text\":\"v3.0.8\",\"link\":\"/version.md#v3-0-8\"},{\"text\":\"v3.0.5\",\"link\":\"/version.md#v3-0-5\"},{\"text\":\"v3.0.4\",\"link\":\"/version.md#v3-0-4\"},{\"text\":\"v3.0.0\",\"link\":\"/version.md#v3-0-0\"},{\"text\":\"v2\",\"link\":\"https://wzs28150.github.io/coolui-scroller/v2/\"},{\"text\":\"v1\",\"link\":\"https://github.com/wzs28150/coolui-scroller/tree/1.0\"}]}],\"sidebar\":{\"/guide/\":[],\"/components/\":[{\"text\":\"Scroller 滚动组件\",\"link\":\"/components/scroller.md\"},{\"text\":\"Item 列表项组件\",\"link\":\"/components/item.md\"},{\"text\":\"Page 长列表分页组件\",\"link\":\"/components/page.md\"},{\"text\":\"Empty 空列表组件\",\"link\":\"/components/empty.md\"},{\"text\":\"Handtip 手势提示组件\",\"link\":\"/components/handtip.md\"},{\"text\":\"Loadmore 加载更多组件\",\"link\":\"/components/loadmore.md\"},{\"text\":\"Refresh 下拉刷新组件\",\"link\":\"/components/refresh.md\"},{\"text\":\"Parallax 下拉视差组件\",\"link\":\"/components/parallax.md\"},{\"text\":\"Nav 分类导航组件\",\"link\":\"/components/nav.md\"},{\"text\":\"Nav Pannel 切换组件\",\"link\":\"/components/navPannel.md\"},{\"text\":\"Search 搜索组件\",\"link\":\"/components/search.md\"},{\"text\":\"Sort 排序及分类筛选组件\",\"link\":\"/components/sort.md\"},{\"text\":\"Floor 下拉二楼组件\",\"link\":\"/components/floor.md\"}]},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/wzs28150/coolui-scroller\"}],\"outlineTitle\":\"快速跳转\",\"outline\":2},\"locales\":{},\"scrollOffset\":90,\"cleanUrls\":false}")</script>
    
  </body>
</html>